<template>
	<view class="list-body">
    <image v-if="icon" :src="icon"></image>
    <view class="line-body">
      <view class="left"><slot></slot></view>
      <view v-if="value" class="right">{{value}}</view>
      </view>
    <i class="iconfont icon-next"></i>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
    props: {
      icon: String,
      value: String
    }
    
	}
</script>

<style scoped>
.list-body{
  display: flex;
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: solid 1rpx #C0C0C0;
}
.list-body>image{
  width: 50rpx;
  height: 50rpx;
  padding: 25rpx 0 25rpx 25rpx;
}
.list-body>view{
  margin-left: 25rpx;
  font-size: 32rpx;
  flex: 1;
  line-height: 100rpx;
}
.list-body>i{
  padding-right: 20rpx;
  font-size: 45rpx;
  color: #333333;
  line-height: 100rpx;
}
.line-body{
  display: flex;
}
.line-body .left{
  flex: 1;
}
.line-body .right{
  width: auto;
  color: #898989;
}
</style>
